.claim-benefits{
	width: 100%;
	min-height: 100vh;
	padding: 0 40rpx;
	padding-bottom: 100rpx;
	// #ifdef H5
	padding-top: 265px;
	// #endif
	// #ifndef H5
	padding-top: 514rpx;
	// #endif
	position: relative;
	.relative-box{
		width: 100%;
		height: 400rpx;
		position: fixed;
		background: #EFEDFD;
		padding: 30rpx 0;
		// #ifdef H5
		top: 44px;
		// #endif
		// #ifndef H5
		top: 0;
		// #endif
		left: 0;
		z-index: 99;
		color: #282828;
		.cards-info{
			width: 682rpx;
			height: 336rpx;
			border-radius: 18rpx;
			background-color: #FFF;
			margin: 0 auto;
			padding: 62rpx 56rpx;
			.cards-name{
				font-size: 42rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				margin-bottom: 12rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				.cards-No{
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 500;
				}
			}
			.cards-time{
				margin-top: 100rpx;
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				display: flex;
				justify-content: space-between;
				align-items: center;
				text{
					font-size: 34rpx;
					font-family: PingFang SC-Semibold, PingFang SC;
					font-weight: 600;
					color: #900CF3;
					margin: 0 12rpx;
				}
			}
		}
	}
	.tab-list{
		position: fixed;
		// #ifdef H5
		top: 244px;
		// #endif
		// #ifndef H5
		top: 400rpx;
		// #endif
		left: 0;
		z-index: 99;
		width: 100%;
		height: 124rpx;
		background-color: #FFF;
		padding: 0 50rpx;
		padding-bottom: 10rpx;
		display: flex;
		justify-content: space-around;
		align-items: flex-end;
		.tab-item{
			width: 200rpx;
			height: 76rpx;
			border-radius: 4rpx;
			background: #B6B6C2;
			color: #FFF;
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFF;
			text-align: center;
			line-height: 76rpx;
		}
		.selected-tab{
			background: #2F2F31;
		}
	}
}